{% extends "base.html" %}

{% block content %}

<div class="row">

	<div class="span-one-third">
		{% if categories %}
		<div class="category_title center">STARTERS & SIDES</div>
		<ul class="sheet2 unstyled center">
			{% for cat, count in categories %}
			<li class="category">
				<a href="/{{ urls.CATEGORY }}/{{ cat.slug }}">{{ cat.name }}</a> <span class="tiny_number">{{ count }}</span>
			</li>
			{% endfor %}
		</ul>
		{% endif %}
	</div>

	<div class="span-one-third">
		{% if categories %}
		<div class="category_title center">MAIN COURSES</div>
		<ul class="unstyled center">
			{% for cat, count in categories %}
			<li class="category">
				<a href="/{{ urls.CATEGORY }}/{{ cat.slug }}">{{ cat.name }}</a> <span class="tiny_number">{{ count }}</span>
			</li>
			{% endfor %}
		</ul>
		{% endif %}
	</div>
	
	<div class="span-one-third">
		{% if categories %}
		<div class="category_title center">DESSERTS</div>
		<ul class="unstyled center">
			{% for cat, count in categories %}
			<li class="category">
				<a href="/{{ urls.CATEGORY }}/{{ cat.slug }}">{{ cat.name }}</a> <span class="tiny_number">{{ count }}</span>
			</li>
			{% endfor %}
		</ul>
		{% endif %}
	</div>
<!--
	<div class="span8 columns gallery_column">
		<h6>Gallery</h6>
		{% if reviews %}
		<ul class="unstyled">
			{% for photo in photos %}
			<li class="inline">
				<img src="/media/{{ photo.thumbnail.url }}" />
			</li>
			{% endfor %}
		</ul>
		{% endif %}
	</div>

	<div class="span4 columns">
		<h6>Most Recent Reviews</h6>
		{% if reviews %}
		<ul class="unstyled">
			{% for review in reviews %}
			<li>
				{{ review.profile.user.username }} reviewed the
				<a href="/{{ urls.DISH }}/{{ review.dish.slug }}">{{ review.dish.name }}</a> at
				<a href="/{{ urls.PLACE }}/{{ review.dish.place.slug }}">{{ review.dish.place.name }}</a>
			</li>
			{% endfor %}
		</ul>
		{% endif %}
	</div>
--!>

</div>

{% endblock %}